<template>
  <div class="selectChapter" >
    <div class="title"><h3>资源中心</h3><h3 class="cur">我的收藏</h3>  <span class="closed" @click="Close()"><img src="static/img/close.png"></span></div>
    <div class="cont">

      <div class="m-center33">
        <img src="static/img/play.png">
      </div>


      <div class="m-right3">
        <ul><li class="cur">  <el-checkbox v-model="checked"></el-checkbox> 赠岑受训 <span class="fr"><img src="static/img/icon-1-type.png"> 音频</span></li>
          <li><el-checkbox v-model="checked"></el-checkbox>陈后主亡国 <span class="fr"><img src="static/img/icon-1-type.png"> 音频</span></li>
          <li><el-checkbox v-model="checked"></el-checkbox>汉文帝亲尝汤…<span class="fr"><img src="static/img/icon-1-type.png"> 音频</span></li>
          <li><el-checkbox v-model="checked"></el-checkbox>配乐范读<span class="fr"><img src="static/img/icon-1-type.png"> 音频</span></li>
          <li><el-checkbox v-model="checked"></el-checkbox>字源探究<span class="fr"><img src="static/img/icon-1-type.png"> 音频</span></li>
          <li><el-checkbox v-model="checked"></el-checkbox>词语解释<span class="fr"><img src="static/img/icon-1-type.png"> 音频</span></li>
        </ul>

      </div>
    </div>
    <div class="mt10 baseAct"><button class="cancel"  type="info">取消</button> <button  @click="goNext()" class="sure">确定</button> </div>
     <div class="arrow-right"></div>
  </div>
</template>

<script>
import Header from '../../components/header.vue';
export default {
  data() {
    return {
      input:'',
      isOpen:true,
      options2: [{
        value: '六年级一班',
        label: '六年级一班'
      }, {
        value: '六年级2班',
        label: '六年级2班'
      } ],
      value: [],
      value2: []
    };
  },
  created() {
  },
  methods: {
    goNext(){
      this.$router.push("/seeziyuan");
    },
    Close(){
      this.$router.go(-1)
    }
  },
  components:{Header}
};
</script>

<style lang="scss" scoped>
html body{ background: #FFFFFF;}
</style>
